<!DOCTYPE    html>
<html xmlns:th="http://www.thymeleaf.org">
<head><title>Good Thymes Virtual Grocery</title>
    <meta http-equiv="Content-Type" content="text/html;	ch arset=UTF-8"/>
    <link rel="stylesheet" type="text/css" media="all" href="../../css/gtvg.css" th:href="@{/css/gtvg.c ss}"/>
    <script th:src="@{/webjars/jquery/3.5.1/jquery.js}">
    </script>
    <script>

    </script>

    <style>
        td {text-align:center}
    </style>
</head>
<body>
<h1 align="center">您的最佳匹配男友</h1>
<table th:border="1" width="80%" th:align="center"  cellspacing="1" cellpadding="4" bgcolor="#cccccc">
    <tr>
        <td>序号</td>
        <td>姓名</td>
        <td>性别</td>
        <td>身高</td>
        <td>学校</td>
        <td>出生日期</td>
        <td>爱好</td>
        <td>微信</td>
        <td>照片</td>
    </tr>
    <tr th:each="boy:${blist}">
        <td th:text="${boy.bid}"></td>
        <td th:text="${boy.bname}"></td>
        <td th:text="${boy.bsex}"></td>
        <td th:text="${boy.bheight}"></td>
        <td th:text="${boy.bschool}"></td>
        <td th:text="${#dates.format(boy.bbirthday,'yyyy-MM-dd')}"></td>
        <td th:text="${boy.bhobby}"></td>
        <td th:text="${boy.bvx}"></td>
        <td width="30%"> <img th:src="@{${boy.bpic}}"  width="100%" th:alt="照片"></td>
    </tr>
</table>

</body>
</html>   